body{
   background-color: #DDDDDD;
}
body a{
     text-decoration:none;   
}
header{
    position:absolute;
    top:0px;
    left:0px;
   width: 100%;
   height: 50px;
   background-color: #0030A6;
   font-family: helvetica;
   font-size: 18px;
   color: #FFFFFF;
}

nav{
    position:absolute;
    top:52px;
    left:0px;
   width: 100%;
   height: 50px;
   background-color: #0030A6;
   margin: 0 auto;
}
nav{
   list-style: none;
   display: flex;
    text-decoration: none;
   font-size: 18px;
   color: #FFFFFF;
   cursor: pointer;
    flex-direction: row;
    
}
nav a{
    color:#FFFFFF;
}
.menuItem:hover {
   font-weight: bold;
}
.menuItem{
   height: 100%;
    width: 100px;
    display:flex;
   font-family: helvetica; 
    border-left-style: solid;
    border-left-color:#FFFFFF;
    border-left-width:1px;
    border-right-style: solid;
    border-right-color:#FFFFFF;
    border-right-width:1px;
    color:#FFFFFF;
    align-items: center;
    justify-content: center;
}
.selectedmenuItem{
   height: 100%;
    width: 100px;
   background-color: #FFFFFF;
   display:flex;
border-style: solid;
    border-color:#FFFFFF;
    border-width:1px;
   font-family: helvetica;
     color: #0030A6;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

#bread_crumbs{
    position:absolute;
    top:102px;
    left:0px;
   width: 100%;
   height: 30px;
   font-family: helvetica;
   font-size: 12px;
   background-color: #6E95F5;
   color: #FFFFFF;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

aside{
    position:absolute;
    top:132px;
    left:0px;
   width: 25%;
   height: 400px;
   font-family: helvetica;
   font-size: 16px;
   border-right: 1px solid #000000;
}
aside h1{
    margin-left:10px;
}
aside p{
    margin-left:50px;
}

#mainhome{
    position:absolute;
    top:132px;
    right: 0px;
   width: 75%;
   height: 70%;
   font-family: helvetica;
    font-size: 12px;
}

#mainhome p{
    margin:30px;    
}

#mainnet{
    position:absolute;
    top:132px;
    right: 0px;
    width: 75%;
    height: 70%;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: auto;
}

#mainabout{
    position:absolute;
    top:132px;
    right: 0px;
   width: 75%;
   height: 70%;
   font-family: helvetica;
    font-size: 12px;
}

#mainabout p{
    margin:30px;    
}

article{
    position: absolute;
    top: 30px;
    left: 200px;
}

#section1{
    position: absolute;
    top:230px;
    left:0px;
}

#section2{
    position: absolute;
    top:350px;
    left:0px;
}

#maincontact{
    position:absolute;
    top:132px;
    right: 0px;
   width: 75%;
   height: 70%;
   font-family: helvetica;
    font-size: 12px;
}

#maincontact h3{
    margin: 30px;
}

input[type=text]{
width:100%;
}

#formulario{
    margin-left: 100px;
}

#mainofftopic{
    position:absolute;
    top:132px;
    right: 0px;
   width: 75%;
   height: 70%;
   font-family: helvetica;
    font-size: 12px;
}

#mainofftopic p, h1{
    margin:30px;    
}

footer{
    position:absolute;
    bottom:0px;
    left:0px;
    width: 100%;
    height: 100px;
    background-color: #0030A6;
    display:flex;
    justify-content: flex-start;
    align-items: center;
}
.imagennet{
    width:150px;
    height:150px;
    margin-left:100px;
    margin-top:100px;
}
#imagenlogo{
    position:absolute;
    top:0px;
    right: 20px;
}
.imagenfooter{
    width:50px;
    height: 50px;
    margin-left:25px;
}
#facebook{
    width: 70px;
    margin-left: 10px;
    margin-right: -17px;
}
.imagenabout{
    width:175px;
    height:160px;
    margin-left:30px;
    margin-top:30px;
}